<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>
        </title>
        <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
        </script>
        <script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.js">
        </script>
    </head>
    <body>
                <div style="padding: 15px">
                    <div>
                        <fieldset>
                            <label for="studentId">
                                Student ID
                            </label>
                            <input name="studentId" id="studentId"/>
                        </fieldset>
                    </div>
                    <div>
                        <fieldset>
                            <label for="personalId">
                                Personal ID
                            </label>
                            <input name="" id="personalId"/>
                        </fieldset>
                    </div>
                    <input onclick="login()" data-theme="b" data-icon="arrow-r" data-iconpos="right" value="Submit" type="submit" />
                </div>
        <script>
            function login() {
                var studentId = $('#studentId').val();
                var personalId = $('#personalId').val();
                window.location='FirstPage.html?studentId=' + studentId + '&personalId=' + personalId;
			}
        </script>
    </body>
</html>